<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // 去掉数组中重复的值   [2,1,3,2,1,3,5,7,1]   ->  [2,1,3,5,7]
        // 分析：
        //    一箱子乒乓球，有各种颜色的，颜色有重复的  --- 找到有多少种颜色的球---
        //    1 拿第一个红色的球放入一个新的箱子里面
        //    2 拿第二个球，看新的箱子里面有没有这个颜色，如果没有就放进去，如果已经有了，就不放进去 
        //    3 拿第三个球，看新的箱子里面有没有这个颜色，如果没有就放进去，如果已经有了，就不放进去 
        //    4 拿第四个球，看新的箱子里面有没有这个颜色，如果没有就放进去，如果已经有了，就不放进去

        // 思路：把不重复的放入新数组中

        function noRepeat(arr) {
            // var arr = [2,1,3,2,2,2,2,1,3,5,7,1] ;
            // 声明一个新的数组
            var newArr = [] ;
            // 把第一个值直接放进去
            newArr[0] = arr[0] ; 
            for(var i = 1 ; i < arr.length ; i++) {
                // 判断新数组中是否存在将要放入的这个值
                if(newArr.includes(arr[i]) === false) {
                    // 如果不存在就放入新数组中
                    newArr.push(arr[i]) ;
                }
            }
            return newArr ;
        }


        document.write(noRepeat([2,1,3,2,2,2,2,1,3,5,7,1])) ;

    </script>
    
</body>
</html>